<template>
  <div>
            <!--面包屑导航区域-->
      <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/cooker' }" style="font-size:18px">后厨系统</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/cook_tip' }" style="font-size:18px">烹饪界面</el-breadcrumb-item>
      </el-breadcrumb>
    <div>
      <el-table :data="Data1" stripe style="width: 100%">
        <el-table-column prop="table" label="桌号" width="200"></el-table-column>
        <el-table-column prop="name" label="菜品名" width="250"></el-table-column>
        <el-table-column prop="number" label="数量" width="250"></el-table-column>
        <el-table-column prop="time" label="下单时间" width="300"></el-table-column>
        <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
      </el-table>
    </div>
    <!-- <el-card style="text-align:center">
        <el-row>
        <el-button type="primary">派单确认</el-button>
        <el-button type="primary">烹饪完成</el-button>
      </el-row> 
      </el-card> -->
    
      <!-- 功能按钮 -->

  </div>

</template>

<script>
import {requestData} from "../../ajax";
export default {
  data:function() {
    return {
      Data1: [],
    };
  },
   mounted:function(){
        // 准备条件
        var request_data = new FormData();
        // 请求数据
        requestData("get","cook_interface.json", request_data).then((resp)=>{
            // 赋值数据到linesdata
            var result = resp.data;
            this.Data1 = result["order"];
        });
}
}
</script>

<style>
a {
  color: #7ac804;
}

</style>